html, body, div, p, h1, h2, h3 { margin:0; padding:0; border:0; }
html { cursor:default; font-family:'Lucida Grande','Lucida Sans Unicode',helvetica,arial,verdana,sans-serif; color:#000;}

/* --- Main Window --- */
#main body { display:none; font-size:16px; color:#4F4F4F; }
#main #wrapper { position:relative; width:328px; height:302px; background:url(../img/main.png) no-repeat; }
#main #wrapper > div, #main #loginForm div, #main #loginForm p, #main input, #main button { position:absolute; }
#main #loginForm { display:none; left:20px; top:160px; width:285px; height:132px; }
#main .login-field { left:0px; width:273px; padding:5px; border: 1px solid #DDDDDD; -webkit-box-shadow: 0 1px 3px #F0F0F0 inset; resize:none; }
#main input[name="email"] { top:0px; } #main input[name="pwd"] { top:38px; }
#main #remember { left:0px; top:82px; } #main #remember p { left:23px; top:3px; width:120px; font-size:12px; }
#main button[name="login"] { right:0px; top:77px; width:120px; }
#main button[name="close"] { opacity:0.8; top:5px; right:4px; width:16px; height:16px; border:0; background:url(../img/close.png) no-repeat 0 0; }
#main button[name="close"]:hover { opacity:1; }
#main #loading { left:150px; top:190px; width:31px; height:31px; background:url(../img/loading.gif) no-repeat 0 0; }
#main #connector { display:none; }

/*#index h1 { padding-top:160px; text-align:center; font-family:'Yanone Kaffeesatz', arial, serif; font-size:13pt; font-weight:normal; }*/

/* --- Activity / Notification --- */
#activity body { display:none; margin:5px; width:260px; position:relative; }
#activity a, #activity a:visited { color:#336699; text-decoration:none; }
#activity .activity { padding:5px 5px 0 5px; margin:5px; line-height:16px; font-size:12px;
	background:#fff; border:1px solid #444; -webkit-border-radius:4px; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .8); }
#activity .activity .widget-person { width:45px; height:45px; margin:5px 7px 5px 0; float:left; -webkit-border-radius:3px; cursor:pointer; }
#activity .activity h1 { padding:0 5px 0 0; overflow:hidden; line-height:18px; font-size:12px; }
#activity .activity h1 b { display:block; float:left; }
#activity .activity .content { margin:1px 0 3px 52px; width:180px; white-space:nowrap; overflow:hidden; }
#activity .activity .username {background-color: #DDFFEE; -webkit-border-radius: 4px; color: #006633; }
#activity .activity .hashtag { background-color: #EEDDFF; -webkit-border-radius: 4px; color: #330066; font-style: italic; }
#activity .activity .footer { clear:right; margin:4px 0 5px 52px; font-size:10px; color:#666; }
#activity .activity .provider img { width: 14px; height: 14px; margin: 2px 0 0; padding: 0; vertical-align: top; }
#activity .activity .widget-tag-list { display:none; overflow:hidden; float:right; }
#activity .activity .widget-tag-list li { overflow:hidden; float:left; margin:0 5px 0 0; }
#activity .activity .widget-tag { background: #DDEEFF; border: 1px solid #CDDEEF; -webkit-border-radius: 8px; color: #6699CC; text-decoration: none; 
	/*cursor: pointer;*/ font-size: 10px; line-height: 14px; margin: 0 !important; padding: 0 4px !important; white-space: nowrap; }

#activity .activity .widget-file-list { display:none; margin-top:4px; list-style:none; }
#activity .activity .widget-file { padding-left:10px; font-weight:bold; white-space:nowrap; overflow:hidden; /*line-height:20px; height:20px;*/ }
#activity .activity .widget-file .title { float:left; overflow:hidden; white-space:nowrap; -webkit-text-overflow:ellipsis }
#activity .activity .widget-file img { margin:-4px 5px 0 0; vertical-align:middle; }
#activity .activity .widget-file .download { font-size: 1.1em; margin: 0 0 0 0.4em; overflow: hidden; text-decoration: underline; white-space: nowrap; }
#activity .activity .clickable { -webkit-transition-duration: 0.5s; -webkit-transition-property: color; -webkit-transition-timing-function: ease-in-out; cursor: pointer; }
#activity .activity .pictos { cursor: default; font-family: 'Pictos',sans-serif; font-style: normal; font-weight: normal; text-decoration: none; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }


/* currently not used */ #activity .activity .visibility-indicator { display:none; margin-left:4px; } 
/* currently not used */ #activity .activity .toolbar { display:none; }
/* currently not used */ #activity .activity .children { display:none; clear: both; margin: 4px 0 10px; overflow: hidden; }

#activity button[name="close"] { position:absolute; opacity:0.8; top:-4px; right:1px; width:16px; height:16px; border:0; background:url(../img/close.png) no-repeat 0 0; }
#activity button[name="close"]:hover { opacity:1; }

/* --- About --- */
#about body { width:430px; height:325px; font-size:11px; }
#about #wrapper { position:relative; width:100%; height:100%; background:url(../img/about.png) no-repeat; }
#about #version, #about #copyright { position:absolute; float:right; right:25px; text-align:right; }
#about #version { top:230px; font-weight:bold; }
#about #copyright { top:260px; }




